<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/include.inc.jsp" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="${ctx}/static/frame/css/loginstyle.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/controls/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
    #appdown {
        position: fixed;
        top: 30px;
        right: 30px;
        z-index: 99;
    }
</style>
<body class="container-fluid">
<div class="loginContent row" style="margin: 0px;">
    <img id="bgimg" src="${ctx}/static/frame/images/login/bgimg.jpg">
    <%--    <div class=" col-md-3 col-lg-3 ">
            <img style="width: 300px;" src="${ctx}/static/frame/images/login/logo.png">
        </div>--%>
    <div class="loginPanel col-md-6 col-lg-4  col-md-offset-3  col-lg-offset-4" style="text-align: center">
        <div>
            <%--<img style="width: 360px;" src="${ctx}/static/frame/images/login/logo.png">--%>
        </div>
        <div id="sysname">海关门户网站后台</div>
        <form name="loginform " id="loginform" action="${ctx}/login" method="post">
            <div class="title">用户登陆</div>
            <div class="input-group infoinput">
					<span class="input-group-addon"> <img src="${ctx}/static/frame/images/login/accountlabel.png">
					</span> <input type="text" class="form-control" id="username" name="username" value="${username}"
                                   maxlength="32"/>
            </div>
            <div class="input-group infoinput">
                <span class="input-group-addon"> <img src="${ctx}/static/frame/images/login/pwdlabel.png"></span> <input
                    type="password" class="form-control" id="password" name="password" value="" maxlength="16"
                    autocomplete="off"/>
            </div>
            <div class="errorcode">
                <font style="color: red;">${error}</font>
            </div>
            <div class="loginbtn">
                <div id="LoginBtn">登&nbsp;&nbsp;陆</div>
            </div>
            <div class="message">
                为了保证系统完美体验，请使用谷歌浏览器<br/> <a target="_blank"
                                            href="https://www.google.cn/chrome/ ">点击下载</a>
            </div>
            <input type="hidden" name="theme" value="0">
        </form>
        <%-- ${sysConfiguration.greeting} --%>
    </div>
</div>
</body>
</html>

<script src="${ctx}/static/controls/jquery/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="${ctx}/static/controls/bootstrap/3.0.3/js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        if (window.parent.Home) {
            window.parent.location.href = "${ctx}/login/index";
            return;
        }

        $(".loginPanel").css("margin-top", (document.body.offsetHeight - 515) / 2);
        $(".loginPanel").css("margin-top", (document.body.offsetHeight - 515) / 2);

        $('#username').focus();
        $('#username').bind('keydown', function () {
            if (event.keyCode == 13)
                event.keyCode = 9;
        });

        $('#LoginBtn').click(function () {
            var username = $.trim($('#username').val());
            var password = $.trim($('#password').val());
            if (username != '' && password != '') {

                $('#loginform').submit();
            }
        });
    });
</script>

